<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>医院介绍主页面</title>
  <style>
    *{
      margin: 0;
      padding: 0;
    }
    #root{
      background-color: darkcyan;
    }
    ul{
      list-style-type: none;
      overflow: hidden;
      background-color: gray;
    }
    li{
      float: left;
    }
    li a{
      display: block;
      color: white;
      text-align: center;
      padding: 15px 20px;
      font-size: 23px;
      text-decoration: none;
    }
    li a:hover{
      background-color: powderblue;
    }
    .cnt{
      width: 800px;
      background-color: white;
      text-align: center;
      margin: auto;
    }
    .footer{
      margin: auto;
    }

  </style>
</head>
<body>
<div id="root">
  <!--网页头部 功能栏 -->
  <div class="fun">
    <ul>
      <li>
        <a href="profile.html" target="myHospital" class="now">医院简介</a>
      </li>
      <li>
        <a href="expert.html" target="myHospital">医院领导</a>
      </li>
      <li>
        <a href="honor.html" target="myHospital">医院荣誉</a>
      </li>
      <li>
        <a href="culture.html" target="myHospital">医院文化</a>
      </li>
    </ul>
  </div>
  <!-- 网页内容 -->
  <div class="cnt">
    <iframe src="profile.html" name="myHospital" width="700" height="1200px"  frameborder="0"></iframe>
  </div>
</div>
<!--尾部-->
<div id="footer">
  <ul class="footer">
    <li><a href="http://www.nhc.gov.cn/">国家卫生健康委员会</a><span class="vertical-bar">|</span></li>
    <li><a href="http://www.cma.org.cn/">中华医学会</a><span class="vertical-bar">|</span></li>
    <li><a href="http://wsjkw.henan.gov.cn/">河南省卫生健康委员会</a></li>
  </ul>
</div>

</body>
</html>